<template>
  <div class="BookBuyNav">
    <div class="BookBuyNav-friend">
      <div>
        <van-icon name="point-gift-o" size="26" />
        <p>赠好友</p>
      </div>
      <div>免费试听</div>
    </div>
    <div class="BookBuyNav-buy">
      <p>购买￥{{ ItemContent.discount_price }}</p>
      <s>{{ ItemContent.complete_class_price }}</s>
    </div>
  </div>
</template>

<script>
export default {
  name: "BookBuyNav",
  props: ["ItemContent"],
};
</script>
<style lang="scss" scoped>
.BookBuyNav {
  height: 3.125rem;
  width: 100%;
  font-size: .875rem;
  position: fixed;
  bottom: -3px;
  display: flex;
  .BookBuyNav-friend {
    width: 50%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-around;

    div:nth-child(1) {
      display: flex;
      align-items: center;
    }

  }
  .BookBuyNav-buy {
    width: 50%;
    color: white;
    background-color: #28354a;
    display: flex;
    justify-content: center;
    align-items: center;
    s{
        font-size: .8125rem;
        color: var(--fontcolor);
    }
  }
}
</style>